import { request } from "../../request/index.js";
  /** 
     1 发送请求获取数据
     2 点击轮播图 预览大图
        1 给轮播图绑定点击事件
        2 调用小程序的api wx.PreviewImage
     3 点击 加入购物车
        1 先绑定点击事件
        2 获取缓存中的购物车 数组格式
        3 先判断 当前的商品是否已经存在于 购物车
           已经存在 修改商品数据 执行购物车数量++ 重置把购物车数组 填充回缓存中
           不存在  直接给购物车数组添加一个新元素 带上购买数量属性
        4 弹出提示   
      4 商品收藏
         1 页面onShow的时候 加载缓存中商品收藏的数据
         2 判断当前商品是不是被收藏
            1 是 改变页面图标
            2 不是
         3 点击商品收藏按钮
            1 判断该商品是否存在于缓存中
             1  是 把商品删除
             2 不是 添加到缓存数组中 存入到缓存页面 
   */
Page({

  /** 
   * 页面的初始数据
   */
  data: {
    goodsObj:{},
    //商品是否被收藏
    isCollect:false
  },
  //商品对象
  GoodsInfo:{},

  /**
   * 生命周期函数--监听页面加载
   */
  // onLoad: function (options) {
  //   const {goods_id} = options;
  //   console.log(goods_id);
  //   this.getGoodsDetail(goods_id);
  // },

  onShow: function () {
    let pages= getCurrentPages();
    let currentPage = pages[pages.length-1];
    let options = currentPage.options;
    const {goods_id} = options;
    this.getGoodsDetail(goods_id);


  },

  //获取商品详情数据
  async getGoodsDetail(goods_id){
    //使用es7的async await来发送请求
    const goodsObj = await request({url:"/goods/detail",data:{goods_id}});
    this.GoodsInfo = goodsObj;
   //1 获取缓存中的商品收藏的数组
        let collect = wx.getStorageSync("collect")||[];
   //2  判断当前商品是否被收藏
         let isCollect=collect.some(v=>v.goods_id===this.GoodsInfo.goods_id);
    this.setData({
      goodsObj:{
        goods_name:goodsObj.goods_name,
        goods_price:goodsObj.goods_price,
        goods_introduce:goodsObj.goods_introduce.replace(/\.webp/g,'.jpg'),
        pics:goodsObj.pics
        
      },
      isCollect
    })
  },
  //点击事件轮播图放大预览
  handlePreviewImage(e){
    // 1 构造要预览的图片数组
    const urls = this.GoodsInfo.pics.map(v=>v.pics_mid);
    //2 接收传递过来的图片url
    const current = e.currentTarget.dataset.url;
    wx.previewImage({
      current,
      urls
    });
  },
  //点击加入购物车
  handleCartAdd(){
    //获取缓存中的购物车数组
      let cart=wx.getStorageSync("cart")||[];
      // 判断商品对象是否存在购物车中
    let index = cart.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id);
    console.log(index)
    // if(index===-1){
    //   //不存在
    //     this.GoodsInfo.num=1;
    //     this.GoodsInfo.checked=true;
    //     cart.push(this.GoodsInfo);
    // }else{
    //   //已经存在购物车数据 执行num++
    //   cart[index].num++;
    // }
    //把购物车重新添加到缓存总
    wx.setStorageSync("cart",cart);
    //弹窗提示
    wx.showToast({
      title: '加入成功',
      icon: 'success',
      mask: true, //设置了后用户需要等1.5秒才能继续点击
    });
  },
  //点击 商品收藏图片
  handleCollect(){
    let isCollect=false;
    // 1 获取缓存中的商品收藏数组
    let collect = wx.getStorageSync("collect")||[];
    // 2 判断该商品是否被收藏过
    let index=collect.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id);
    // 3 当index不等于-1表示已经收藏过
    if(index!==-1){
      //能找到 已经收藏过了 在数组中删除
      collect.splice(index,1);
      isCollect=false;
      wx.showToast({
        title: '取消成功',
        icon: 'success',
        image: '',
        duration: 1500,
        mask: true,
      });
    }else{
      // 没有收藏过
      collect.push(this.GoodsInfo);
      isCollect=true;
      wx.showToast({
        title: '收藏成功',
        icon: 'success',
        image: '',
        duration: 1500,
        mask: true,
      });
    }
    // 4 把数组存入到缓存中
    wx.setStorageSync("collect",collect);
    // 5 修改data中的属性 isCollect
    this.setData({
      isCollect
    })
  }

  
  
})